@include b('search-form') {
  display: flex;
  gap: getCssVar('spacing', 'base');
  width: 100%;
  height: 100%;
  padding: getCssVar('spacing', 'tight') getCssVar('spacing', 'base') 0 getCssVar('spacing', 'base');

  @include e('form') {
    display: flex;
    flex: 1;
    background-color: transparent;

    >.#{bem(form-page)} {
      flex-grow: 1;
    }
  }

  @include e('btn-content') {
    display: flex;
    align-items: center;
    height: calc(1px + var(--ibiz-height-control-default));
  }
}

@include b('search-form-model') {
  @include e('content') {
    display: flex;
    flex-direction: column;
    max-width: 80vw;
    height: 100%;
    max-height: 80vh;
    padding: getCssVar('spacing', 'base');
    overflow: auto;
  }

  @include e('header') {
    display: flex;
    align-items: center;
    max-height: getCssVar('height-control', 'large');
    padding: 0 0 getCssVar('spacing', 'base');
    overflow: hidden;
    font-size: getCssVar('font-size', 'header-4');
    white-space: nowrap;
    cursor: move;
  }

  @include e('form') {
    width: 100%;
    height: calc(100% - #{getCssVar('height-control', 'large')} * 2);
    overflow: auto;
  }

  @include e('btn-content') {
    display: flex;
    justify-content: flex-end;
    padding: getCssVar('spacing', 'base') 0 0 0;
  }
}